import {computed, createApp} from 'vue'
import App from './App.vue'
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
import store from './store'
import router from "./router/index.js";
import axios from "axios";

// axios 默认请求前缀
axios.defaults.baseURL = "http://localhost";

const user = computed( () => store.state.user);

// 添加请求拦截器
axios.interceptors.request.use(function (config) {
    // 判断如果登录了
    if (user.value.token){
        // 请求头中 添加 token 参数
        config.headers.token = user.value.token;
    }
    console.log("请求参数：", config);
    // 在发送请求之前做些什么
    return config;
}, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
});

// 添加响应拦截器
axios.interceptors.response.use(function (response) {
    console.log("响应的结果：", response);
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    return response;
}, function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    return Promise.reject(error);
});

const app = createApp(App).use(Antd).use(store).use(router);

app.mount('#app');
